<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition template="/resources/plantillas/admin.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.prime.com.tr/ui">
    <ui:define name="content">
        <h:panelGrid width="100%" columns="2" bgcolor="#aaaaaa" styleClass="title ui-widget-header ui-corner-all">
            <h:panelGrid columns="2">
                <h:outputText value="USUARIO:" style="font-weight: bold"/>
                <h:outputText value="#{UserBean.userName}"/>
            </h:panelGrid>
            <h:panelGrid style="float: right">
                <h:form id="cerrar">
                        <h:commandLink value="[Cerrar sesión]" action="#{LoginBean.cerrar}" />
                </h:form>
            </h:panelGrid>
        </h:panelGrid>
        
        <br/>
        
        <h:form id="tabla">
            <h:panelGrid columns="1" width="100%">
                <h:panelGrid width="400px">
                    <p:panel header="Filtro de búsqueda">
                        <h:panelGrid columns="3" style="font-size: 12px;font-weight: bold">
                            <h:outputText value="Fecha inicio" />
                            <p:calendar id="fecha_1" value="#{ListaBean.fecha_1}" pattern="dd/MM/yyyy" required="true" timeZone="EST" locale="es" maxlength="10" size="10" readOnlyInputText="true">
                                <f:convertDateTime pattern="dd/MM/yyyy" type="date" timeZone="EST"/>
                            </p:calendar>
                            <h:message for="fecha_1" id="mfecha_1"/>
                            <h:outputText value="Fecha fin" />
                            <p:calendar id="fecha_2" value="#{ListaBean.fecha_2}" pattern="dd/MM/yyyy" required="true" timeZone="EST" locale="es" maxlength="10" size="10" readOnlyInputText="true">
                                <f:convertDateTime pattern="dd/MM/yyyy" type="date" timeZone="EST"/>
                            </p:calendar>
                            <h:message for="fecha_2" id="mfecha_2" style="color:red"/>
                        </h:panelGrid>
                        <h:panelGrid columns="2">
                            <p:commandButton value="Consultar" update="mfecha_1,mfecha_2,mensaje,descargar,resultado" actionListener="#{ListaBean.consultar}" />
                            <h:outputText id="mensaje" style="color:red" value="#{ListaBean.mensaje}" />
                            <p:ajaxStatus onstart="statusDialog.show();" onsuccess="statusDialog.hide();"/>
                            <p:dialog modal="true" widgetVar="statusDialog" header="Procesando" draggable="false" closable="false">
                                    <p:graphicImage value="/resources/images/ajaxloadingbar.gif" />
                            </p:dialog>
                        </h:panelGrid>
                    </p:panel>
                </h:panelGrid>
            </h:panelGrid>
            
            <h:panelGrid width="100%">
                <p:dataTable value="#{ListaBean.encuestasvo}" var="encuesta" id="resultado" paginator="true" rows="10" style="font-size: 10px" emptyMessage="No se encontraron encuestas" >
                    <p:column style="width:16px">  
                        <p:rowToggler />  
                    </p:column> 
                    <p:column sortBy="#{encuesta.fecha}">
                    <f:facet name="header">
                        <h:outputText value="Fecha" style="font-weight: bold"/>
                    </f:facet>
                    <h:outputText value="#{encuesta.fecha}">
                        <f:convertDateTime pattern="dd/MM/yyyy"/>
                    </h:outputText>
                    </p:column>
                    <p:column sortBy="#{encuesta.nombre}">
                        <f:facet name="header">
                            <h:outputText value="Nombre" style="font-weight: bold"/>
                        </f:facet>
                        <h:outputText value="#{encuesta.nombre}"/>
                    </p:column>
                    <p:column sortBy="#{encuesta.email}">
                        <f:facet name="header">
                            <h:outputText value="Email" style="font-weight: bold"/>
                        </f:facet>
                        <h:outputText value="#{encuesta.email}"/>
                    </p:column>
                    <p:column>
                        <f:facet name="header">
                            <h:outputText value="Medio" style="font-weight: bold"/>
                        </f:facet>
                        <h:outputText value="#{encuesta.medio}"/>
                    </p:column>
                    <p:column>
                        <f:facet name="header">
                            <h:outputText value="Agilidad en la atención" style="font-weight: bold"/>
                        </f:facet>
                        <h:outputText value="#{encuesta.agilidad}"/>
                    </p:column>
                    <p:column>
                        <f:facet name="header">
                            <h:outputText value="Información suministrada" style="font-weight: bold"/>
                        </f:facet>
                        <h:outputText value="#{encuesta.informacion}"/>
                    </p:column>
                    <p:column>
                        <f:facet name="header">
                            <h:outputText value="Claridad en el lenguaje utilizado" style="font-weight: bold"/>
                        </f:facet>
                        <h:outputText value="#{encuesta.claridad}"/>
                    </p:column>
                    <p:column>
                        <f:facet name="header">
                            <h:outputText value="Nivel de satisfacción general" style="font-weight: bold"/>
                        </f:facet>
                        <h:outputText value="#{encuesta.satisfaccion}"/>
                    </p:column>

                    <p:column sortBy="#{encuesta.radicado}">
                        <f:facet name="header">
                            <h:outputText value="Radicado" style="font-weight: bold"/>
                        </f:facet>
                        <h:outputText value="#{encuesta.radicado}"/>
                    </p:column>

                    <p:rowExpansion>
                        <h:panelGrid id="display" columns="1" cellpadding="4"
                                    styleClass="ui-widget-content">
                            <h:outputText value="Observaciones" style="font-weight: bold"/>
                            <h:outputText value="#{encuesta.observaciones}" />
                        </h:panelGrid>

                    </p:rowExpansion>
                </p:dataTable>
                <h:panelGrid columns="2" style="float: right;">
                    <h:commandLink id="descargar" disabled="#{ListaBean.disableDescargar}">
                        <p:graphicImage value="/resources/images/excel.png" />
                        <p:dataExporter type="xls" target="resultado" fileName="ListaEncuestas" excludeColumns="0,10" postProcessor="#{ListaBean.postProcessXLS}"/>
                    </h:commandLink>
                    <h:outputText value="Exportar a Excel"/>
                </h:panelGrid>
            </h:panelGrid>
        </h:form>
    </ui:define>
</ui:composition>


